Kali ini melanjutkan database sglite 


Sebelumnya berhasil sudah membuat database 


Sudah memmpunyai database 
Didalamnya ada table todos 
Nama database kita adalah todo.db 
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Sebelumnya instal dahulu providers 
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Stl myapp 
Diakan menreturn materialApp ini 
Home nya membuat widget todoScreen.dart 
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Buat langsung filenya todoScreen.dart 

Disni unutk menampilkan semua data kita 

Buat stl todoScreen 

Buat scaffold nya appbar apbbar title: text() 
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Di todoscreen sekarang dikosongkan buat floating button 

Agar bisa memindah kedalam halaman tambah 

Onprased kosongkan child nya item 

Ketika di klik kita akan memindah halaman addTodo 
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Buat lagi addTodo.dart 
Buat stl addTodo import material 
Buat apbar di copy dari sebelumnya 


A 7. Buat Screen dan Provider.mp4 - VLC media player — x 


Media Playback Audio Video Subtitle Tools View Help 


Run Terminal Help 


€ todo screendart X © 


TODO SQFUTE r 
M dart tc odoScreen((Key? key)) : super(key: key); 


(override 
ild( ext context) { 
return Scaffold( 
floatingActionButton: Floating 
onPressed: () {}, 
child: Icon(Icons.add task), 
jj« t 
appBar: AppBar( 
title: Text("Todos"), 
Ip 
); 


DEBUG CONSOLE 


10n( 10358 


820 librarie 


OUTLINE 5.50ms max-46328.81ms c nore reusable. 
TIMELINE 


DEPENDENCIES ito ( )) 
7 A G B Sw % 0025 
04:03 Tm 


HE, mim cim) 51512 « ur] 
Ketika floating button diklik maka pindah ke halaman addTodo 
Gunkan navigator.push context materialpageroute 
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Ini Ketika di klik maka sudah mau perpindah addtodo 

Dibody nya buat column langsung children 

Isinya textfild bikin 2 kasih padding 20 

Kasih decoration dan border 
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Hapus tanda biru gunkan for file 
Kemudian kasih button elevetedbutton 
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Karena misalkan buat di todoscreen kasih widget changenotifiers 
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Maka seharusnya sudah 


Jika di import maka sudah ada 
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Sudah buat providers nya sekarang sudah pakai provider di todoscren sekarang kita 
harus pasang lagi di add todo karena addtodo bukan dari child todoscreen 
Seharusnya todos ini bisa dipakai ke childnya tetapi karna addtodo maka dia harus 
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Ke todoscreen kita ke halaman addtodo mengunakan navigator bukan termasuk 
child karena bukan beda context maka dia di bungkus lagi mengunakan widget 
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Main.dart 


import 'package:catatan sglite/provider/catat.dart'; 
import 'package:flutter/material.dart'; 
import 'package:provider/provider.dart'; 


import 'layar catatan.dart'; 


void main() 1 
runApp(const MyApp()); 
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class MyApp extends StatelessWidget 4 
const MyApp({Key? key}) : super(key: key); 


@override 
Widget build(BuildContext context) { 
return MaterialApp( 
home: ChangeNotifierProvider( 
create: (context) => Catat(), 
child: LayarCatatan(), 


Layar_catatan.dart 

import 'package:catatan sglite/provider/catat.dart'; 
import 'package:catatan sglite/tambah catatan.dart'; 
import 'package:flutter/material.dart'; 

import 'package:flutter/src/foundation/key.dart'; 
import 'package:flutter/src/widgets/framework.dart'; 
import 'package:provider/provider.dart'; 


Class LayarCatatan extends StatelessWidget 1( 
const LayarCatatan((Key? key!) : super(key: key); 


@override 
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return Scaffold( 
floatingActionButton: FloatingActionButton( 


onPressed: () { 
Navigator.push( 
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builder: (context) => ChangeNotifierProvider( 
create: (context) => Catat(), 
child: TambahCatatan(), 
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child: Icon(Icons.add task), 
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appBar: AppBar( 

title: Text('Catatan'), 
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Catat with ChangeNotifier {} 


tambah catatan.dart 


TambahCatatan StatelessWidget { 
TambahCatatan({Key? key}) : (key: key); 


@override 
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Scaffold( 
appBar: AppBar( 
title: Text( 
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body: Padding( 
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child: Column( 
crossAxisAlignment: CrossAxisAlignment.start, 
children: [ 
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TextField( 
decoration: InputDecoration( 
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DatabaseManager 4 


DatabaseManager. privateConst(); 


DatabaseManager instace = DatabaseManager. ( 


Database? db: 


Future<Database> get db async { 
if ( db == null) { 
_db = await initDb(); 
return _db!; 
} else { 
return _db!; 
} 
} 


Future _initDb() async { 
Directory docDirectory = await getApplicationDocumentsDirectory (): 
String path = join(docDirectory.path, 'catatan.db'); 


return await openDatabase(path, version: 1, 
onCreate: (database, version) async { 
return await database.execute('" 
CREATE TABLE catat ( 
id INTEGER PRIMARY KEY, 
judul TEXT, 
descripsi TEXT, 


Future closeDB() async 4 
. db = await instace.db; 
_db!.close(); 

} 

} 


